<template>
  <div id="album">
		<div class="main">
			<div class="uploading" v-if="token">
				<VueImgInputer v-model="file" accept="image/*" theme="light" size="large"></VueImgInputer>				
				<mu-raised-button @click="uploading" label="上传图片" secondary fullWidth/>
			</div>	
			
			<div class="albumList">
				<ul>
					<li v-for="item in albumList">
						<p v-if="token" class="delete">
							<span @click="del(item.picId)">×</span>
						</p>
						<img :src="item.picUrl" alt="" />
					</li>
				</ul>
			</div>
		</div>
  </div>
</template>

<script>
	import main from './main';
	export default {
		...main
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	@import '../../style/mixin.scss';
	@import "./style.scss";
</style>
